<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>我的首页</title>

    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <link rel="stylesheet" type="text/css" href="css/icon.css">
    <link rel="stylesheet" type="text/css" href="css/swiper-3.3.1.min.css">

    <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="js/swiper-3.3.1.min.js"></script>
    <script type="text/javascript" src="js/util.js"></script>
</head>

<body>
  <header>
    <div class="header">
      <div class="fixed-top stateMentTabNav">
        <a href="javascript:void(0)" class="active">收款</a>
        <a href="javascript:void(0)">分润</a>
      </div>
      <a href="javascript:stateGrayShow()" class="stateSearchBtn">筛选</a>
    </div>
  </header>
  <section>
    <div class="stateMentContainer">
      <div class="stateMentCount" style="display:block;">
        <div class="stateMentList boxShaw">
          <p><span class="stateLeft">订单号：12472148643212</span><span>2012.05.06 02:03:00</span></p>
          <div><span class="stateInfo">结算</span><span class="stateMoney">￥ 1321.00</span></div>
          <p><span class="stateLeft">余额：￥ 0.00</span><span>结算费率：0.5%+1元/笔</span></p>
        </div>
        <div class="stateMentList boxShaw">
          <p><span class="stateLeft">订单号：12472148643212</span><span>2012.05.06 02:03:00</span></p>
          <div><span class="stateInfo">结算</span><span class="stateMoney">￥ 1321.00</span></div>
          <p><span class="stateLeft">余额：￥ 0.00</span><span>结算费率：0.5%+1元/笔</span></p>
        </div>
      </div>
      <div class="stateMentCount">
        <div class="stateMentList boxShaw">
          <p><span class="stateLeft">订单号：12472148643212</span><span>2012.05.06 02:03:00</span></p>
          <div><span class="stateInfo">分润</span><span class="stateMoney">￥ 2.500</span></div>
          <p><span class="stateLeft">余额：￥ 0.00</span><span>结算费率：0.5%+1元/笔</span></p>
        </div>
        <div class="stateMentList boxShaw">
          <p><span class="stateLeft">订单号：12472148643212</span><span>2012.05.06 02:03:00</span></p>
          <div><span class="stateInfo">分润</span><span class="stateMoney">￥ 1.109</span></div>
          <p><span class="stateLeft">余额：￥ 0.00</span><span>结算费率：0.5%+1元/笔</span></p>
        </div>
      </div>
    </div>
  </section>
  <div class="stateGray" onclick="stateGrayHide()"></div>
  <div class="stateGrayContent">
    <span class="stateGrayTriangle"></span>
    <a href="javascript:void(0)">当天内</a>
    <a href="javascript:void(0)">七天内</a>
    <a href="javascript:void(0)">一个月内</a>
    <a href="javascript:void(0)">三个月内</a>
    <a href="javascript:void(0)">全部</a>
  </div>
</body>
<script>
$(".stateMentTabNav").find("a").click(function(){
	var _index = $(this).index();
	$(this).addClass("active").siblings("a").removeClass("active");
	$(".stateMentContainer").find(".stateMentCount").eq(_index).show().siblings(".stateMentCount").hide();
});
function stateGrayShow(){
	$(".stateGray").show();
	$(".stateGrayContent").show();
}
function stateGrayHide(){
	$(".stateGray").hide();
	$(".stateGrayContent").hide();
}
</script>
</html>
